h-css(fcolor, fsize)
  margin-top 50px
  border-left 4px solid fcolor !important

.markdown-body
  p > code, li > code
      font-family -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
      color #0329b6
      padding: 3px 5px

  pre
    border 2px solid rgba(172, 181, 185, 0.69)
    background white

    > div
      width 100%
      padding 10px 5px 10px 18px
      overflow unset

      > code
        font-family Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace
        display block
        width 100%
        max-height 450px
        overflow auto
        line-height 24px
        font-size 13px

  width 100%

  p
    margin 10px 0 10px 10px;
    line-height 27.2px

  blockquote
    border-left 10px solid #5599ff
    margin 1.5em 10px
    padding 0.5em 10px
    quotes "\201C""\201D""\2018""\2019"

    &:before
      color #5599ff
      content open-quote
      font-size 4em
      line-height 0.1 e0m
      margin-right 0.25em
      vertical-align -0.4em

  strong
    font-weight normal

  h1, h2, h3, h4, h5, h6
    word-break break-all !important
    margin 20px 0
    line-height 1.2
    text-align left
    font-weight bold
    padding-left 5px

  h1
    h-css(#ad2323, 30px)

  h2
    h-css(#2c8604, 27px)

  h3
    h-css(#0511ba, 24px)

  h4
    h-css(#009db4, 21px)

  h5
    h-css(#4281bb, 18px)

  h6
    h-css(#b4b9c2, 15px)

  a
    text-decoration none !important

  ul, ol
    padding-left 30px

  li
    line-height 24px

  hr
    height 1px
    padding 0
    margin 40px 60px
    background rgb(213 218 213 / 82%)
    border 0 none
    overflow hidden

  img
    border-radius 4px
    box-shadow: 0 0 20px 5px #bcbcbe
    margin 20px auto
    max-width 100%
    width auto
    overflow hidden
    outline-offset 2px
    display block

  .table-wrapper
    width 100%
    overflow auto
    margin-bottom 10px

  table
    width 100%
    max-width 65em
    border 1px solid #dedede
    margin 15px auto 4px auto
    border-collapse collapse
    empty-cells show

    th
      font-weight bold
      text-align center !important
      background rgba(158, 188, 226, 0.2)
      white-space nowrap

    thead, tbody
      width 100%

      tr
        &:nth-child(2n)
          background rgba(158, 188, 226, 0.12)

    td
      &:nth-child(1)
        white-space nowrap

    tr
      &:hover
        background #efefef

  table th, table td
    height 35px
    border 1px solid #dedede
    padding 0 10px

  .table-area
    overflow auto

  tt
    color #d127ce
    margin 0 2px
    padding 0 5px
    white-space nowrap
    border 1px solid #eaeaea
    background-color #f8f8f8
    border-radius 3px

  h1
    ~ p, ~ ol, ~ ul, ~ pre
      margin-left 20px

    ~ h2, ~ h3, ~ h4, ~ h5, ~ h6
      margin-left 20px
      ~ p, ~ ol, ~ ul, ~ pre
        margin-left 40px

      ~ h3, ~ h4, ~ h5, ~ h6
        margin-left 40px
        ~ p, ~ ol, ~ ul, ~ pre
          margin-left 60px

        ~ h4, ~ h5, ~ h6
          margin-left 60px
          ~ p, ~ ol, ~ ul, ~ pre
            margin-left 80px

          ~ h5, ~ h6
            margin-left 80px
            ~ p, ~ ol, ~ ul, ~ pre
              margin-left 100px

            ~ h6
              margin-left 100px
              ~ p, ~ ol, ~ ul, ~ pre
                margin-left 120px
